<h2  class="title2">Term Name</h2>
<input data-bind="value: termTitle, valueUpdate: 'afterkeydown'" type="text" class="width360 marginBottom" placeholder="Type Here..." />
<!-- <div data-bind="dateString: startDate, datePattern: 'dd,MM,yyyy'">xs Thursday, April 05, 2012</div> -->
<h2 class="title2">Term Duration</h2>
<label class="floatleft datepickerLabel">
	<input name="startDateDP" readonly="true" data-bind="datepicker: startDate, valueUpdate: 'afterkeydown'" type="text" class="datepicker" placeholder="Choose.." />
</label>
<label class="floatleft to">to</label>
<label class="floatleft datepickerLabel">
	<input name="endDateDP" readonly="true" data-bind="datepicker: endDate, valueUpdate: 'afterkeydown'" type="text" class="datepicker" placeholder="Choose.." />
</label>
<div class="clearBoth"></div>
<div class="remaining-weightage-message">

	<span>Remaining Weightage&nbsp;&nbsp;:&nbsp;&nbsp;</span>
	<span data-bind="text: $root.totalWeightage.remainingWeightage">Remaining Weightage</span>
	<!-- ko if: $root.totalWeightage.remainingWeightage -->
	<!-- /ko -->
</div>
<div class="clearBoth"></div>
<table border="1" class="schoolEventstable marginTop">
	<thead>
		<tr class="border-bottom">
			<th class="header" style="width:130px;">Name</th>
			<th class="header" style="width:130px;">Type</th>
			<th class="header" style="width:130px;">Start Date</th>
			<th class="header" style="width:130px;">End Date</th>
			<th class="header" style="width:130px;">Weightage (%)</th>
			<th class="header" style="width:13px;"></th>
		</tr>
	</thead>
	<!-- assessment loop for adding start -->
	<tbody data-bind="template: { name: 'assessment-template', templatePrefix: 'terms/', foreach: assessments }"></tbody>
</table>
<div class="addBottomLinkBtn">
	<a data-bind="click:addAssessment" href="#" >Add Assessment</a>
</div>
